<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>tab栏切换</title>
    <link rel="stylesheet" href="css.css">
</head>
<script src="javaScript.js"></script>

<body>
    <div id="main">
        <nav>
            <ul>
                <li class="on">柯基犬1</li>
                <li>柯基犬2</li>
                <li>柯基犬3</li>
                <li>柯基犬4</li>
            </ul>
        </nav>
        <div id="imgMap">
            <div class="show"><img src="./img/1.png" alt="1"></div>
            <div><img src="./img/2.png" alt="2"></div>
            <div><img src="./img/3.png" alt="3"></div>
            <div><img src="./img/4.png" alt="4"></div>
        </div>

    </div>

</body>

</html>